<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RRrich</title>

    <!-- 让所有td标签的文字都居中 -->
    <style>
        td{
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>
    <p>这是一个段落 Lorem ipsum dolor sit amet consectetur, <br><br> adipisicing elit. Maiores magni minima pariatur est rem dolor quidem ab repellat perferendis, molestiae incidunt praesentium itaque excepturi, assumenda necessitatibus suscipit et aut. <Reprehenderit class="lorem"></Reprehenderit></p>
    <p>这是一个段落 <br>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maiores magni minima pariatur est rem dolor quidem ab repellat perferendis, molestiae incidunt praesentium itaque excepturi, assumenda necessitatibus suscipit et aut. <Reprehenderit class="lorem"></Reprehenderit></p>
   
    <strong>变粗</strong>
    <b>变粗</b>

    <em>倾斜</em>
    <i>倾斜</i>

    <del>删除线</del>
    <s>删除线</s>

    <ins>下划线</ins>
    <u>下划线</u>

    <br>
    <!-- 图片的相对路径 -->
    <!-- <img src="E:/pictures/Camera Roll/dog.png">   -->
    <!-- 图片的绝对路径 -->
    <!-- <img src="./dog.png">   -->
    <!-- <img src="dog.png">  -->
    <!-- 图片在文件里边 -->
    <img width="500px" src="image/dog.png">  
    <br>
    <!-- 超链接 -->
    <a href="https://www.sogou.com" target="_blank">搜狗</a>
    <a href="https://www.baidu.com" target="_blank">百度</a>

    <table width="500px" height="300ph" border="1px" cellspacing="0"> <!-- table：表示整个表格-->
        <tr> <!-- tr：表示一行-->
            <th>姓名</th>  <!-- th：表示表头中的一个单元格-->
            <th>电话</th>
        </tr>
        <tr>
            <td>张三</td>  <!-- td：表示一个单元格-->
            <td>111</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>222</td>
        </tr>
        <tr>
            <td>王五</td>
            <td>333</td>
        </tr>
    </table>

    <!-- 有序列表 -->
    <h3>水果</h3>
    <ol>
        <li>香蕉</li>
        <li>苹果</li>
        <li>葡萄</li>
        <li>西瓜</li>
    </ol>
    <!-- 无序列表 -->
    <ul>
        <li>香蕉</li>
        <li>苹果</li>
        <li>葡萄</li>
        <li>西瓜</li>
    </ul>

    <!-- 单行文本框 -->
    <input type="text">
    <br>
    <input type="password">  <!-- 单行文本框，用来输入密码的 -->
    <br>
    <!-- 单选框 -->
    请输入性别：
    <input type="radio" name="gender"> 男 <!--name属性相同的单选框，值之间是互斥的-->
    <input type="radio" name="gender" checked="checked"> 女 <!--checked设置默认选中-->
    <br>
    <br>
    <!-- 复选框 -->
    大学生每天都干啥
    <input type="checkbox"> 吃饭
    <input type="checkbox"> 睡觉
    <input type="checkbox" checked="checked"> 学习
    <br>
    <br>
    <!-- 按钮 -->
    <input type="button" value="俺是个按钮" onclick="alert('hello')"> <!--onclick：弹出一个提示框-->
    <br>
    <br>
    <!-- 文件选择框 -->
    <input type="file"> 
    <br>
    <br>
    <!-- 下拉菜单 -->
    <select>
        <option>北京</option>
        <option>上海</option>
        <option>深圳</option>
        <option>广州</option>
        <option>杭州</option>
        <option>西安</option>
    </select>
    <br>
    <br>
    <!-- 多行编辑框 -->
    <textarea></textarea>
    <br>
    <br>





    
</body>
</html>